<template>
  <div>
    <div class="vertical-align-flex">
      <div class="field">{{pages[4].fields[0]}}：</div>
      <div class="value">
        <div :class="['switch', {'switch-off': false}] "></div>
      </div>
    </div>
    <os-textarea item="黑名单内容"/>
    <div class="vertical-align-flex">
      <div class="field">{{pages[4].fields[1]}}：</div>
      <div class="value">
        <div :class="['switch', {'switch-off': false}] "></div>
      </div>
    </div>
    <os-textarea item="白名单内容"/>
    <div class="value alone-right">
      <div class="btn btn-blue">{{$t('btn.save')}}</div>
    </div>
    <div class="toolbar">
      <p v-for="(item, idx) in pages[4].toolbar" :key='idx'>{{item}}</p>
    </div>
  </div>
</template>

<script>
export default {
  data(){
    return {
      pages: this.$t('advanced.pages'),
    }
  },
  activated(){
    this.$bus.emit("changeTab", 4)
  },
  activated(){
    this.$bus.emit("changeTab", 4)
  }
}
</script>

<style lang="scss" scoped>

</style>
